*{
    margin:0;
    padding: 0;
    background-color: #CECECE;
}
.todo{
    width: 100%;
    height:90vh;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.todo-input{
    width:100%;
    height:8vh;
    background-color: black;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.todo-input input{
    width:540px;
    height:32px;
    border-radius: 5px;
    text-indent: 10px;
}
.todo-input button{
    width:80px;
    height:35px;
}
.todo-container{
    width:100%;
    height:72vh;
    overflow-Y: scroll;
}
.todo-container-item{
    width:580px;
    background-color: #fff;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding:8px;
    margin:4px 100px;
}
.todo-container-item-left{
    background-color: #fff;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.todo-container-item-left input{
    margin-right: 10px;
}
.todo-container-item button{
    padding:0 5px;
}
.todo-tab{
    width:600px;
    height:45px;
    border:2px solid gray;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
}
.todo-tab button{
    padding:5px 10px;
}